<template>
  <div class="view_wrap">
    <div class="view_menu" v-if="$store.state.navFlag">
     <app-menu></app-menu>
    </div>
    <div class="view_content">
        <bread-crumb></bread-crumb>
        <router-view/>
    </div>
  </div>
</template>
<script>
import appMenu from './components/appMenu.vue'
import breadCrumb from './components/breadCrumb.vue'
export default {
    components:{
      appMenu,
      breadCrumb
    }
}
</script>
<style lang="less" scoped>

  .view_wrap{
    display: flex;
  }
  .view_menu{
    width: 20%;
    background: slateblue;
  }
  .view_content{
    // flex:1;
    width: 80%;
    background: skyblue;
    height: 100vh;
  }
</style>
